<template>
	<!--
           	作者：1550495493@qq.com
           	时间：2019-07-29
           	描述：课程详情
           -->
	<div class="CourseDetails">
		<div id="insitute-menu-style">
			<header class="header">
				<div class="header-boxs">
					<div class="fl logo-box">
						<router-link :to="{path:'/course',query:{fatherIndex:fatherIndex}}">
							<img class="logo-img" src="../../images/home/logo.png" />
						</router-link>
					</div>
					<div class="header-nav-right fr">
						<div class="mormal-right fr">
							<div class="wkp-right fr">
								<div class="fr" @click="showUl()" @mouseleave="leaveDiv()">
									<div class="user-box">
										<img class="user-img fl" src="../../images/PortalThemes/user.png" />
										<span class="user-name fr">门户管理员</span>
									</div>
									<template class="userBox">
										<ul class="user-list">
											<img class="sanjiao" src="../../images/PortalThemes/san.png" />
											<!--<li class="xian" @click="usershowUl()" @mouseleave="userDiv()">
												<a>
													<span class="img-bg"></span>
													<span>管理中心</span>
												</a>
											</li>-->
											<li>
												<a>
													<span class="img-bg4"></span>
													<span>退出登录</span>
												</a>
											</li>
										</ul>
									</template>

								</div>
							</div>

						</div>

					</div>

				</div>
			</header>
			<div class="section-box">
				<div class="section-nav">
					<h3>{{curriculum.name}}</h3>
					<div class="course-introduce">
						<p class="course-name">课程简介</p>
						<div class="detail">{{curriculum.introduction}}</div>
					</div>
					<div class="course-video">
            <span>课程视频：</span><a target="_blank" :href="curriculum.courseware">{{curriculum.courseware}}</a>
					</div>

					<div class="course-enclosure">
						<p class="course-name">课程附件</p>
						<div>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr v-for="enclosure in enclosureList">
										<td>{{enclosure.name}}</td>
										<td><input class="delete write" type="button" value="下载" @click="downloadResources(enclosure.url)"/></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>

					<!--<video :src="curriculum.courseware" width="1160" height="340" controls="controls"></video>
					<div class="tab">
						<div class="tab-tit">
							<a href="javascript:;" @click="curId=0" :class="{'cur':curId===0}">课程简介</a>
							<a href="javascript:;" @click="curId=1" :class="{'cur':curId===1}">课程练习</a>
						</div>
						<div class="tab-con">
							<div v-show="curId===0">
								{{curriculum.introduction}}
							</div>
							<div v-show="curId===1">

							</div>
						</div>
					</div>-->
				</div>
			</div>
			<!--友情链接-->
			<div class="link-box">
				<div class="link">
					<img class="link-img" src="../../images/PortalThemes/link.png" />
					<span>友情链接：
						<a v-for="portalConfig in portalConfigList" :href="portalConfig.url"> {{portalConfig.name}} |</a>
					<!--<a>建筑设计院</a> |
					<a> 申报与创建</a>|
					<a>文化旅游</a>|
					<a>温泉旅游设计</a>|
					<a>体育旅游规划设计</a>|
					<a>主题公园规划设计</a>|
					<a>乡村振兴规划设计</a>|
					<a>休闲农业规划设计</a>|
					<a>乡村旅游规划设计</a>|
					<a>特色小镇规划设计</a>|
					<a>旅游小镇规划设计</a>
					用户入口：
					<a>旅游规划</a>|
					<a>旅游策划</a>|
					<a>旅游地产</a>|
					<a>全域旅游</a>|
					<a>特色小镇</a>|
					<a>乡村旅游</a>|
					<a>田园综合体</a>|
					<a>温泉规划</a>|
					<a>景区规划</a>|
					<a>旅游小镇</a>|
					<a>主题公园</a>|
					<a>旅游招商</a>|
					<a>旅发网</a>-->
				</span>

				</div>
			</div>
			<div class="footer">
				<p>Copyright© 2005 西南大学新农村发展研究院　All rights reserved. 网站备案号：渝ICP备05000267 站长信箱：ADMIN@CRIC.CN</p>
			</div>
		</div>
	</div>
</template>
<script src="./CourseDetails.js"></script>

<style scoped>
	@import "CourseDetails.css"
</style>
